<ion-header>
  <ion-navbar>
    <ion-title>设置</ion-title>
    <!-- <span class="cancel" (click)="goback()">返回</span>
    <span class="done" (click)="onShowSetSize()">选择固定大小</span> -->
    <div class="tool">
      <button ion-button clear class="cancel" (click)="goback()">返回</button>
      <button ion-button clear class="done" (click)="onShowSetSize()">选择固定大小</button>
    </div>
  </ion-navbar>
</ion-header>

<ion-content>
    <!-- <button class="testbtn" (click)="goTestPreview()">ddddddd</button>
    <button class="testbtn d1" (click)="goTestSetsize()">ddddddd</button> -->
  <div class="title-name">
    <label for="tuji">图集名：</label>
    <input #t type="text" id="tuji" (keyup)="getTitle(t.value)">
  </div>
  <div class="edit">
    <ul>
      <li class="j1"></li>
      <li class="j2"></li>
      <li class="j3"></li>
      <li class="j4"></li>
    </ul>
    <img id="bg-pic">
  </div>

  <!-- <div id="cropped" style="width: 200px;height: 200px;"></div> -->

  <!-- <div class="preview-btn" (click)="onShowPreview()">预览图片</div> -->
  <button ion-button round  class="preview-btn" (click)="onShowPreview()">预览图片</button>
  <!-- <button class="done" style="position: absolute;width: 100px;height: 30px;top: 550px;width: 100px;height: 30px;" (click)="onSavePic()">完成</button> -->
  <!-- <set-size *ngIf="isShowSize"
            (onGetSizeW)=onGetSizeW($event)
            (onGetSizeH)=onGetSizeH($event)></set-size> -->
  
</ion-content>
      